<template>
     <div>
        <h2>学生姓名：{{name}}</h2>
        <h2>学生年龄：{{age}}</h2>
        <button @click="showInfo()">显示学生信息</button>
    </div>
</template>
  
<script>
    export default {
        name: 'Student',
        props: ['name', 'age'],// 子组件通过props接受父组件传递过来的数据
        data() {
            return {
                
            }
        },
        methods: {
            showInfo() {
                alert(this.name + ' : ' + this.age);
            },
        }
    }
</script>
 
<style scoped>
     
</style>